<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>左边导航页面</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	
	<link rel="stylesheet" type="text/css" href="<%=basePath %>css/styles.css">
	<link rel="stylesheet" type="text/css" href="<%=basePath %>bootstrap/css/bootstrap.min.css">
	<!-- <script type="text/javascript" src="js/jquery-2.0.0.js"></script> -->
	<script type="text/javascript" src="<%=basePath %>js/jquery-1.8.2.min.js"></script>
	<script type="text/javascript" src="<%=basePath %>bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="<%=basePath %>js/common/left.js"></script>
	
<style type="text/css">
a{
	text-decoration: none;
	color: blue;
	font-size: 16px;
}
a:HOVER {
	/* color: red; */
	text-decoration: none;
}
a:ACTIVE {
	text-decoration: none;
}
a:VISITED {
	text-decoration: none;
}
a:LINK {
	text-decoration: none;
}
.body {
	/* font-family: "Microsoft Yahei","宋体","Tahoma",Arial; */
}
.main {
	border: 1px solid #D3D3D3;
	margin:0 0 0 0px;
	padding: 20px 10px 10px 10px;
	background-color: #F3F3F3;
	/* background-color: #C4C4C4; */
	height:100%;
}
.portal {
	margin-left: 10px;
	cursor: pointer;
}
/* .portal ul {
	display: none;
} */
.panel-body {
	padding: 0px 2px;
}
.panel-body ul li {
	margin-top: 5px;
	list-style: none;
	width: 100%;
	border: 1px solid red;
}
.portalName {
	font-size:15px;
}
.portalValue {
	width: 100%;
	height: 40px;
	line-height: 40px;
	border: 1px solid #E4E3E5;
	margin: 5px 0px;
	/* padding-left: 20px; */
	cursor: pointer;
	color: gray;
	font-size: 13px;
	font-weight: normal;
}
.selected {
	background-color: #D3D3D3;
}
</style>
  </head>
  
  <body class="body">
  	<div class="main">
  		<!-- This is my JSP pagefasdfasdfasdfasdfasd <br> -->
  		
  		
  		<div class="panel-group" id="accordion">
		 <!--  <div class="panel panel-default">
		    <div class="panel-heading">
		      <h5 class="panel-title">
		        <a data-toggle="collapse" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
		          	用户管理
		        </a>
		      </h5>
		    </div>
		    <div id="collapseOne" class="panel-collapse collapse in">
		      <div class="panel-body">
		      	<ul>
		  			<li><a href="javascript:;">part1</a></li>
		  			<li><a href="javascript:;">part1</a></li>
		  			<li><a href="javascript:;">part1</a></li>
		  		</ul>
		      </div>
		    </div>
		  </div> -->
		  <div class="panel panel-default">
		    <div class="panel-heading">
		      <h5 class="panel-title">
		        <a data-toggle="collapse" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
		        	<div align="center" class="portalName text-info">
			        	<span class="glyphicon glyphicon-home"></span> ADMAMAGER
		        	</div>
		        </a>
		      </h5>
		    </div>
		    <div id="collapseOne" class="panel-collapse collapse">
		      <div class="panel-body">
		      	<a href="jsp/admin/addAdmin.jsp" target="rightFrame">
		      		<div class="portalValue" align="center">
		      			<span class="glyphicon glyphicon-plus"></span> ADDADMIN
		      		</div>
		      	</a>
		      	<a href="jsp/admin/adminList.jsp" target="rightFrame">
		      		<div class="portalValue" align="center">
		      			<span class="glyphicon glyphicon-list"></span> LISTADMIN
		      		</div>
		      	</a>
		      	<!-- <a href="jsp/common/right.jsp" target="rightFrame"><div class="portalValue" align="center">MYMSG</div></a> -->
				<!-- <ul>
		  			<li><a href="javascript:;">part1</a></li>
		  			<li><a href="javascript:;">part1</a></li>
		  			<li><a href="javascript:;">part1</a></li>
		  		</ul> -->
		      </div>
		    </div>
		  </div>
		  <div class="panel panel-default">
		    <div class="panel-heading">
		      <h5 class="panel-title">
		        <a data-toggle="collapse" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
		        	<div align="center" class="portalName text-info">
		        		<span class="glyphicon glyphicon-book"></span><b> BOOMANGER</b>
		        	</div>
		        </a>
		      </h5>
		    </div>
		    <div id="collapseTwo" class="panel-collapse collapse">
		      <div class="panel-body">
		      	<a href="jsp/book/bookList.jsp" target="rightFrame">
		      		<div class="portalValue" align="center">
		      			<span class="glyphicon glyphicon-list"></span> BOOKLIST
		      		</div>
		      	</a>
				<a href="<%=basePath %>jsp/book/addBook.jsp" target="rightFrame">
					<div class="portalValue" align="center">
						<span class="glyphicon glyphicon-warning-sign"></span> OPERATE
					</div>
				</a>
		      	<a href="http://www.baidu.com" target="rightFrame">
			      	<div class="portalValue" align="center">
			      		<span class="glyphicon glyphicon-warning-sign"></span> OPERATE
			      	</div>
		      	</a>
		      </div>
		    </div>
		  </div>
		  <div class="panel panel-default">
		    <div class="panel-heading">
		      <h5 class="panel-title">
		        <a data-toggle="collapse" data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
		        	<div align="center" class="portalName text-info">
		        		<span class="glyphicon glyphicon-user"></span><b> AUTMANAGE</b>
		        	</div>
		        </a>
		      </h5>
		    </div>
		    <div id="collapseThree" class="panel-collapse collapse">
		      <div class="panel-body">
				<a href="jsp/author/addAuthor.jsp" target="rightFrame">
					<div class="portalValue" align="center">
						<span class="glyphicon glyphicon-plus"></span> ADDAHTHOR
					</div>
				</a>
		      	<a href="jsp/author/authorList.jsp" target="rightFrame">
		      		<div class="portalValue" align="center">
		      			<span class="glyphicon glyphicon-list"></span> AUTHORLIST
		      		</div>
		      	</a>
		      	<a href="http://www.baidu.com" target="rightFrame">
		      		<div class="portalValue" align="center">
		      			<span class="glyphicon glyphicon-warning-sign"></span> OPERATE
		      		</div>
		      	</a>
		      </div>
		    </div>
		  </div>
		  <div class="panel panel-default">
		    <div class="panel-heading">
		      <h5 class="panel-title">
		        <a data-toggle="collapse" data-toggle="collapse" data-parent="#accordion" href="#collapseFour">
		        	<div align="center" class="portalName text-info"><span class="glyphicon glyphicon-cog"></span><b> SYSMANGER</b></div>
		        </a>
		      </h5>
		    </div>
		    <div id="collapseFour" class="panel-collapse collapse">
		      <div class="panel-body">
				<a href="http://www.baidu.com" target="rightFrame"><div class="portalValue" align="center">OPTION</div></a>
		      	<a href="http://www.baidu.com" target="rightFrame"><div class="portalValue" align="center">OPTION</div></a>
		      	<a href="http://www.baidu.com" target="rightFrame"><div class="portalValue" align="center">OPTION</div></a>
		      </div>
		    </div>
		  </div>
		  <div class="panel panel-default">
		    <div class="panel-heading">
		      <h5 class="panel-title">
		        <a data-toggle="collapse" data-toggle="collapse" data-parent="#accordion" href="#collapseFive">
		        	<div align="center" class="portalName text-info"><span class="glyphicon glyphicon-cog"></span><b> SYSMANGER</b></div>
		        </a>
		      </h5>
		    </div>
		    <div id="collapseFive" class="panel-collapse collapse">
		      <div class="panel-body">
				<a href="http://www.baidu.com" target="rightFrame"><div class="portalValue" align="center">OPTION</div></a>
		      	<a href="http://www.baidu.com" target="rightFrame"><div class="portalValue" align="center">OPTION</div></a>
		      	<a href="http://www.baidu.com" target="rightFrame"><div class="portalValue" align="center">OPTION</div></a>
		      </div>
		    </div>
		  </div>
		  <div class="panel panel-default">
		    <div class="panel-heading">
		      <h5 class="panel-title">
		        <a data-toggle="collapse" data-toggle="collapse" data-parent="#accordion" href="#collapseSix">
		        	<div align="center" class="portalName text-info"><span class="glyphicon glyphicon-cog"></span><b> SYSMANGER</b></div>
		        </a>
		      </h5>
		    </div>
		    <div id="collapseSix" class="panel-collapse collapse">
		      <div class="panel-body">
				<a href="jsp/book/modifyBook.jsp" target="rightFrame"><div class="portalValue" align="center">modifybook</div></a>
		      	<a href="jsp/author/authorDetail.jsp" target="rightFrame"><div class="portalValue" align="center">xxxx</div></a>
		      	<a href="http://www.baidu.com" target="rightFrame"><div class="portalValue" align="center">xxx</div></a>
		      </div>
		    </div>
		  </div>
		  <div class="panel panel-default">
		    <div class="panel-heading">
		      <h5 class="panel-title">
		        <a data-toggle="collapse" data-toggle="collapse" data-parent="#accordion" href="#collapseSeven">
		        	<div align="center" class="portalName text-info"><span class="glyphicon glyphicon-cog"></span><b> SYSMANGER</b></div>
		        </a>
		      </h5>
		    </div>
		    <div id="collapseSeven" class="panel-collapse collapse">
		      <div class="panel-body">
				<a href="jsp/demo/demo.jsp" target="rightFrame"><div class="portalValue" align="center">demo.jsp</div></a>
		      	<a href="jsp/book/bookDetail.jsp" target="rightFrame"><div class="portalValue" align="center">XXXX</div></a>
		      	<a href="jsp/demo/demo2.jsp" target="rightFrame"><div class="portalValue" align="center">XXXX</div></a>
		      </div>
		    </div>
		  </div>
		  
		  
		 </div>
		 
  		
  		<!-- <div class="portal">
  			<div class="portalName">
  				<h5><span class="glyphicon glyphicon-chevron-right"></span>&nbsp;<b>用户管理</b></h5>
  			</div>
  			<div class="portalValue">
	  		<ul>
	  			<li><a href="javascript:;">part1</a></li>
	  			<li><a href="javascript:;">part1</a></li>
	  			<li><a href="javascript:;">part1</a></li>
	  		</ul>
	  		</div>
  		</div>
  		<div class="portal">
  			<div class="portalName">
  				<h5><span class="glyphicon glyphicon-chevron-right"></span>&nbsp;<b>用户管理</b></h5>
  			</div>
  			<div class="portalValue">
	  		<ul>
	  			<li><a href="javascript:;">part1</a></li>
	  			<li><a href="javascript:;">part1</a></li>
	  			<li><a href="javascript:;">part1</a></li>
	  		</ul>
	  		</div>
  		</div>
  		<div class="portal">
  			<div class="portalName">
  				<h5><span class="glyphicon glyphicon-chevron-right"></span>&nbsp;<b>用户管理</b></h5>
  			</div>
  			<div class="portalValue">
	  		<ul>
	  			<li><a href="javascript:;">part1</a></li>
	  			<li><a href="javascript:;">part1</a></li>
	  			<li><a href="javascript:;">part1</a></li>
	  		</ul>
	  		</div>
  		</div> -->
  	</div>
   
  </body>
</html>
